<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes"><!-- 删除默认的苹果工具栏和菜单栏 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 在web app应用下状态条（屏幕顶部条）的颜色 -->
	<meta name="format-detection" content="telephone=no"><!-- 禁止了把数字转化为拨号链接 -->
	<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>
	<title>学生惠</title>
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/app.css">
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/rem.js"></script>
</head>
<body>
<header class="clearfix">
	<div class="fl tag-tile">公告</div>
	<div class="fl tag-con">您的好友‘青春是道明媚的忧伤’已上线</div>
</header>

<!-- 轮播图 -->
<div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="images/banner1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="images/banner1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="images/banner1.jpg" alt=""></div>
        </div>
        <!-- 分页 -->
        <div class="swiper-pagination"></div>
</div>

<!-- 主题内容 -->
<section class="content clearfix">
	<div class="left fl">
		<section class="brand">
			<div class="red">
				<span>爱心红包商家</span>
			</div>
			<div class="brand-content clearfix">
				<div class="title fl"><h3>国<br>际<br>品<br>牌</h3></div>
				<div class="section fr">
					<div class="clearfix">
						<a class="border-r btn-international-movie">
							<img src="images/movie.png" alt="">
							<p>国际影城</p>
						</a>
						<a class="btn-international-store1" href="#">
							<img src="images/store3.png" alt="">
							<p>待入驻</p>
						</a>
						<a class="border-r border-t btn-international-store1" href="#">
							<img src="images/store3.png" alt="">
							<p>待入驻</p>
						</a>
						<a class="border-t btn-international-store1"  href="#">
							<img src="images/store3.png" alt="">
							<p>待入驻</p>
						</a>
					</div>
				</div>
			</div>
		</section>
		<section class="star">
			<div class="title fl"><h3>本<br>市<br>明<br>星<br>企<br>业</h3></div>
			<div class="section fr">
				<div class="clearfix">
					<a href="#">
						<img src="images/food.png" alt="">
						<p>聚餐美食</p>
					</a>
					<a href="#">
						<img src="images/hotel.png" alt="">
						<p>酒店住宿</p>
					</a>
					<a href="#">
						<img src="images/internet.png" alt="">
						<p>网咖台球</p>
					</a>
					<a href="#">
						<img src="images/tourist.png" alt="">
						<p>周边游</p>
					</a>
					<a href="#">
						<img src="images/ktv.png" alt="">
						<p>KTV</p>
					</a>
					<a href="#">
						<img src="images/study.png" alt="">
						<p>教育培训</p>
					</a>
				</div>
			</div>
		</section>
	</div>
	<div class="right fr">
		<a href="#">
			<img src="images/take-out-food.png" alt="">
			<p>校边外卖</p>
		</a>
		<a class="border-b" href="#">
			<img src="images/consume.png" alt="">
			<p>店内消费</p>
		</a>
		<a href="#">
			<img src="images/leave.png" alt="">
			<p>闲置吧</p>
		</a>
		<a href="#">
			<img src="images/work.png" alt="">
			<p>工作吧</p>
		</a>
	</div>
</section>



<script src="js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper-container', {
    	pagination: '.swiper-pagination',
   	paginationClickable: true
});
 $('.btn-international-movie').on('click',function(){
	var keys = $(this).data('id'); //商品类ID
            if(phoneFlag){
                window.webkit.messageHandlers.internationalMovieInvokeMethod.postMessage({keys:keys});
            }else{
                var method = "send";//js调用的android方法名
                var action = $(this).data('name');//接口名
                var params = { "callback":"","action":action,"keys":keys};//android接收参数，json格式
                callAndroidMethod(method, params);
            }

 });

</script>	
</body>
</html>